// 引入封装的api
import { reqCategoryList, reqGetBannerList,reqFloorList } from "@/api"
// home模块的小仓库
const state={
    // 三级菜单的数据
    categoryList:[],
    // 轮播图的数据
    bannerList:[],
    // floor组件的数据
    floorList:[]
    
}
const actions={
    // 通过api里面的接口函数调用，向服务器发请求，获取服务器的数据
    async categoryList({commit}){
        let result=await reqCategoryList();
        if(result.code === 200){
            commit("CATEGROYLIST",result.data)
        }
    },

    // 获取首页轮播图的数据
    async getBannerList({commit}){
       console.log('获取服务器的数据');
       let result =  await reqGetBannerList();
       if(result.code === 200){
           commit('GETBANNERLIST',result.data)
       }
    },

    // 获取floor数据
    async getFloorList({commit}){
        let result=await reqFloorList();
        if(result.code === 200){
            // 提交mutations
            commit('GETFLOORLIST',result.data)
        }
        
    }
}
const mutations={
    CATEGROYLIST(state,categoryList){
        state.categoryList=categoryList.slice(0,16);
    },

    GETBANNERLIST(state,bannerList){
       console.log('修改仓库中的数据');
        state.bannerList=bannerList
    },

    GETFLOORLIST(state,floorList){
        state.floorList=floorList
    }
}

// 计算属性
const getters={}

export default{
    state,
    mutations,
    actions,
    getters
}